.automaTictelescopingSwitch {
  :global {
    .ant-switch::after {
      background: #C8C8C8 !important;
      width     : 20px !important;
      height    : 20px !important;

    }
  }
}


.btns,.btns:hover {
  background    : #4D73B1;
  box-shadow    : 1px 0 2px 0 rgba(0, 0, 0, 0.30);
  font-family   : PingFangSC-Regular;
  font-size     : 12px;
  color         : #FFFFFF;
  letter-spacing: 0;
}
.bor {
  border-left: 1px solid #F4F4F4;
  height     : 70px;
  display    : flex;
  align-items: center;
}
:global {

  .ant-switch {
    min-width    : 32px !important;
    width        : 32px !important;
    height       : 14px !important;
    background   : rgba(234, 234, 234, 1) !important;
    border-radius: 7px !important;
  }

  .ant-switch::after {
    box-shadow: none !important;
    background: #C8C8C8 !important;
    width     : 20px !important;
    height    : 20px !important;
    top       : -5px !important;
    left      : -5px !important;
  }

  .ant-input-disabled {
    background: #E9E9E9 !important
  }

  .ant-switch-checked {
    background-color: #A8F3B7 !important
  }

  .ant-switch-checked::after {
    left             : 118% !important;
    margin-left      : -1px !important;
    -webkit-transform: translateX(-100%) !important;
    transform        : translateX(-100%) !important;
    background-color : #21B174 !important
  }

}
